<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>班级成员</title>
<meta name="description" content="Free Responsive Html5 Css3 Templates ">
<meta name="author" content="#">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../css/zerogrid.css">
<link rel="stylesheet" href="../css/style.css">
<link href="../font-awesome/css/font-awesome.min.css" rel="stylesheet"
	type="text/css">
<link rel="stylesheet" href="../css/menu.css">
<script src="../js/jquery1111.min.js" type="text/javascript"></script>
<script src="../js/script.js"></script>
<link href="../owl-carousel/owl.carousel.css" rel="stylesheet">
<style type="text/css">
.testimonial {
	background-color: #f3f3f3;
	border-radius: 5px;
	padding: 30px;
	margin: 0 15px;
}

.testimonial .pic {
	width: 90px;
	height: 90px;
	margin: 0 30px 15px 0;
	float: left;
}

.testimonial .pic img {
	width: 100%;
	height: auto;
	border-radius: 50%;
}

.testimonial .testimonial-title {
	color: #000000;
	font-size: 16px;
	margin-top: 5px;
	font-weight: 800;
	text-transform: capitalize;
}

.testimonial .testimonial-title small {
	display: block;
	color: #dc005a;
	font-size: 14px;
	font-weight: 800;
	margin-top: 10px;
}

.testimonial .testimonial-review p {
	color: #888888;
	font-size: 15px;
	font-style: italic;
	line-height: 19px;
	margin-bottom: 0;
}

.owl-theme .owl-controls {
	margin-top: 20px;
}

.owl-theme .owl-controls .owl-page span {
	width: 10px;
	height: 10px;
	background: #fff;
	opacity: 1;
}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span
	{
	background: #fff;
	border: 1px solid #cdcdcd;
}

.owl-pagination {
	margin-top: 40px;
}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span
	{
	background: #3F4144;
	border: 3px solid #fff;
}

@media screen and (max-width: 990px) {
	.testimonial-parallax h2 {
		margin-bottom: 40px;
	}
	.testimonial {
		margin: 0;
	}
}

.mt50 {
	padding-top: 50px;
}
</style>
</head>
<body>
	<div class="wrap-body">
		<div id='cssmenu' class="align-center">
			<ul>
					<li>
						<a href='/SSH2/index'><span>班级主页</span></a>
					</li>
					
					<li>
						<a href='/SSH2/culture'><span>班级文化</span></a>
					</li>

					<li class='active has-sub'>
						<a><span>班级成员</span></a>
						<ul>
							<li class='has-sub'>
								<a href="/SSH2/software/showStudent"><span>所有成员</span></a>
							</li>
							<li class='has-sub'>
								<a href='/SSH2/software/showCommittees'><span>班干组成</span></a>
							</li>
						</ul>
					</li>

					<li>
						<a href='/SSH2/showActivity'><span>班级风采</span></a>
					</li>

					<li>
						<a href='/SSH2/showMessages'><span>留言板</span></a>
					</li>
					
					<li class='last'>
						<a href='/SSH2/toAdminLogin'><span>管理员</span></a>
					</li>
				</ul>
		</div>
	</div>
	<section id="container">
		<div class="wrap-container">
			<div id="main-content">
				<div class="wrap-content">
					<div class="zerogrid">
						<h3>所有成员</h3>
						<div class="row">
							<c:if test="${empty requestScope.studentLists}">没有学生成员</c:if>
							<c:if test="${!empty requestScope.studentLists}">
									<c:forEach items="${requestScope.studentLists}" var="student">
										<c:if test="${!empty student.getName()}"></c:if>
								    <div class="col-1-3">
								        <article>
										<div class="post-thumbnail-wrap">
											<a class="portfolio-box"> 
												<img src="${student.getImageUrl() }" alt="${student.getName() }">
												<div>${student.getName() }</div>
												<div>${student.getSex() }</div>
												<div>${student.getDescription() }</div>
											</a>
									</div>
									<div class="entry-header "></div>
								</article>
							</div>
									</c:forEach>
								</table>
							</c:if>
						</div>
					</div>
				</div>
			</div>
		</div>
		</div>
		</div>
		</div>
	</section>
</body>
</html>
